<!--
 * @Author jiangzhiwei
 * @Date 2023-07-18 15:48:01
 * @LastEditors jiangzhiwei
 * @LastEditTime 2023-07-28 18:05:58
 * @FilePath \test-cron\src\views\AboutView.vue
 * @Description 
-->
<script setup lang="ts">
import YcCron from '@/components/yc-cron'
import { ref } from 'vue'
// import dayjs from 'dayjs'
// import { getBetweenDayOfWeeksOfMonth, getLastDayOfMonth, getLastWeekOfMonth, getLatestWeekdayOfMonth, getNthWeekOfMonth } from './utils/time'

// const cron = ref('0 0/1 18 L * ?')
const cron = ref('5-7 0 18 31 * ? 2024')

// const d = dayjs().add(4, 'month')
// console.log('---month', d.month() + 1)
// console.log('---L', getLastDayOfMonth(d))
// console.log('---3L', getLastWeekOfMonth(d, 3))
// console.log('---31W', getLatestWeekdayOfMonth(d, 31))
// console.log('---4#5', getNthWeekOfMonth(d, 5, 4))
// console.log('---3-5', getBetweenDayOfWeeksOfMonth(d, 3, 5))

</script>

<template>
  <div class="about">
    <input v-model="cron" />
    <YcCron v-model="cron" type="spring"></YcCron>
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
</style>
